<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />-->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" href="../../ht-css/replaceAddress/addAddress.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <title>物流配送范围</title>
    <!--四级联动-->
    <link rel="stylesheet" href="../../lib/city-picker/css/city-picker.css">
</head>
<body data-id="55">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span> 发货仓及运送方式<span class="c-gray en">&gt;</span>物流配送范围<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="coupon-add">
        <div class="bg-1 bk-gray">
            <div class="bg-1 pd-20 mb-20">
                <div class="formControls f-l lh-26" id="allDC">
                </div>
            </div>
            <div class="text-c mt-20">
                <a onclick="relation_insert('账户管理编辑','logisticsRange-add.html')"><input type="button" class="btn btn-secondary radius size-S mr-5 powerButton 133" value="添&nbsp;&nbsp;加"></a>
            </div>
            <table class="table table-border table-bg table-hover table-sort mt-40" id="rangeTable">
                <thead>
                <tr class="text-c">
                    <th>运送方式</th>
                    <th>覆盖范围</th>
                    <!--<th>状态</th>-->
                    <th>创建人</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
                <tbody class="shun">
                </tbody>
            </table>
     <!--       <div class="mt-20 ml-10 mb-20">
                <span>每页显示
                    <select class="select radius ml-10 mr-10" style="width:5%;height:30px;" size="1">
                        <option value="0">5</option>
                        <option value="1" selected>10</option>
                        <option value="2">20</option>
                    </select>条记录</span>

                <div class="dataTables_wrapper goods_fanye clearfix mt-10">
                    <div class="f-r pageturning M-box3"></div>
                </div>
            </div>-->
        </div>
    </form>


    <!----------------------------------------------编辑运送地区--------------------------------------------------------------->
    <div id="dizhi" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
        <div class="modal-dialog">
            <div class="modal-content radius" style="height:500px;width:600px;top:50px;">
                <div class="modal-header"  >
                    <h3 class="modal-title"><b class="addressTitle">新增</b></h3>
                    <a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                </div>
                <input type="hidden" class="ship_add_id">

                <div class="clearfix"  id="app">
                    <div class="clearfix area mt-40">
                        <label class="replaceorder_lable w4">运送到：</label>
                        <div class="commonArea f-l mr-20">
                            <div class="area_box">
                                <div class="inp_area radius" @click="isAreaShow">
                                    <div class="inp_area_box">
                                    <span id="notVueBox" class="divHide">
                                        <span id="provinceName">请选择收货区域</span>
                                        <!--<span id="cityName"></span>
                                        <span id="countyName"></span>
                                        <span id="villageName"></span>-->
                                    </span>
                                        <span id="vueBox" class="divHide" style="display: none;">
                                        <span id="vueProvinceName">{{provinceName}}</span>
                                        <span id="vueCityName">{{cityName}}</span>
                                        <span id="vueCountyName">{{countyName}}</span>
                                        <span id="vueVillageName">{{villageName}}</span>
                                        <div style="display: none;">
                                            <span id="provinceId">{{provinceId}}</span>
                                            <span id="cityId">{{cityId}}</span>
                                            <span id="countyId">{{countyId}}</span>
                                            <span id="villageId">{{villageId}}</span>
                                        </div>
                                    </span>

                                    </div>
                                </div>
                                <div class="area_box" v-show="areaShow">
                                    <div class="area_list">
                                        <div class="tab clearfix">
                                            <span style="margin-left:10px;" v-show="areaTab1" :class="{curr: isCurr1}" @click="getArea(1,tabArea1,provinceId)">{{tabArea1}}</span>
                                            <span v-if="areaTab2" :class="{curr: isCurr2}" @click="getArea(2,tabArea2,cityId)" >{{tabArea2}}</span>
                                            <span v-else :class="{curr: isCurr3}" style="color:#999;">{{tabArea2}}</span>
                                            <span v-else :class="{curr: isCurr4}">{{tabArea3}}</span>
                                            <span v-if="areaTab3" :class="{curr: isCurr5}"  @click="getArea(3,tabArea3,cityId)" >{{tabArea3}}</span>
                                            <span v-else>{{tabArea4}}</span>
                                        </div>
                                        <a @click="isAreaShow" class="close">关闭</a>
                                        <ul class="list clearfix">
                                            <span v-for="(area,key) in areas" :key='key'>
                                              <li @click="getArea(area.level,area.name,area.code,area.warehouse_code,area.address_id)"><span>{{area.name}}</span></li>
                                            </span>
                                        </ul>
                                    </div>
                                </div>
                                <!--<div v-show="areaShow" class="area_list">
                                    <div class="tab clearfix">
                                        <span style="cursor:pointer;" v-show="areaTab1" :class="{curr: isCurr1}" @click="getArea('101','10','','tab')">{{tabArea1}}</span>
                                        <span style="cursor:pointer;" v-show="areaTab2" :class="{curr: isCurr2}" @click="getArea('102',parentCode2,goName2,'tab')">{{tabArea2}}</span>
                                        <span style="cursor:pointer;" v-show="areaTab3" :class="{curr: isCurr3}" @click="getArea('103',parentCode3,goName3,'tab')">{{tabArea3}}</span>
                                        <span style="cursor:pointer;" v-show="areaTab4" :class="{curr: isCurr4}">{{tabArea4}}</span>
                                    </div>
                                    <a @click="closeArea" class="close">关闭</a>
                                    <ul class="list clearfix">
                                        <li v-for="area in areas" style="cursor:pointer;" @click="getArea(area.level,area.code,area.name,'noTab',area.address_id)">
                                            {{area.name}}
                                        </li>

                                    </ul>
                                </div>-->
                            </div>
                        </div>
                        <!--<div class="low pos-r pl-20">
                            <div class="replaceorder_lable_t"><a href="##">新增收货地址</a></div>
                        </div>-->
                    </div>
                </div>
                <div class="text-c pos-a" style="bottom:30px;left:40%;"><a onclick="saveCity()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_model()" class="btn radius size-L ml-10">取消</a></div>
            </div>
        </div>
    </div>


</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8dizhi/WdatePicker.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../ht-js/coupon/coupon-topic.js?rev=@@hash"></script>
<!--地址添加js-->
<script type="text/javascript" src="../../ht-js/vue.min.js?rev=@@hash"></script>
<!--<script type="text/javascript" src="../../ht-js/freight/replaceOrderVue.js?rev=@@hash"></script>-->


<script type="text/javascript" src="../../ht-js/transportWay/logisticsCityVue2.js?rev=@@hash"></script>



<script src="../../ht-js/transportWay/logisticsRange.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>
<script>
    $(function () {
        //页面加载完成去获取全部数据
        getDCName();
    });

    window.onload = function () {
        //list();
    }

        function initArea() {
            $("#dizhi").modal("show");
            $(".addressTitle").html("新增");


        }
    function close_model() {$("#dizhi").modal("hide");}






</script>



</body>
</html>